import React, {Component} from 'react'
import {observer} from 'mobx-react';
import { withRouter, Route } from 'react-router-dom';
import {Tools, Icon} from 'weaver-mobile';
import RecordView from './RecordView';

@withRouter
@observer
export default class Mine extends Component {
  render() {
    const {store} = this.props;
    const {viewType, setViewType} = store;

    return (
      <div className='tabPane content mine'>
        <RecordView store={store} />
        <div className='viewType' onClick={() => setViewType(viewType == 0 ? 1 : 0)}>
            <Icon type='pc' />
        </div>
      </div>
    )
  }
}